<%@ page contentType="text/html;charset=UTF-8" %>
<%@ include file="/WEB-INF/views/include/taglib.jsp"%>
<%@ page import="com.thinkgem.jeesite.common.utils.PropertiesLoader" %>

<html>
  <head>    
    <title>车辆证件到期查询</title>
    <!-- Vendor CSS-->
		<link href="${weiZe }/assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet" />
		<link href="${weiZe }/assets/vendor/skycons/css/skycons.css" rel="stylesheet" />
		<link href="${weiZe }/assets/vendor/font-awesome/css/font-awesome.min.css" rel="stylesheet" />
		<link href="${weiZe }/assets/vendor/css/pace.preloader.css" rel="stylesheet" />
		<!-- Plugins CSS-->
		<link href="${weiZe }/assets/plugins/bootkit/css/bootkit.css" rel="stylesheet" />
		<link href="${weiZe }/assets/plugins/pnotify/css/pnotify.custom.css" rel="stylesheet" />					
		<!-- Theme CSS -->
		<link href="${weiZe }/assets/page/css/index/jquery.mmenu.css" rel="stylesheet " />
		<!-- Page CSS -->		
		<link href="${weiZe }/assets/page/css/index/index.css" rel="stylesheet" />
		<link href="${weiZe }/assets/page/css/index/add-ons.min.css" rel="stylesheet" />
		<!-- end: CSS file-->	
		<!-- Head Libs -->
		<script src="${weiZe }/assets/plugins/modernizr/js/modernizr.js"></script>  
  </head>  
  <body>
    <div class="box">
            <div class="box-header">
              <h3 class="box-title">车辆证件快过期查询</h3>
            </div>
            <!-- /.box-header -->
            <div class="box-body no-padding">
              <sys:message content="${message}"/>
              <table class="table table-condensed">
               <thead> 
                <tr>
                  <th>车辆编码</th>
                  <th>车牌号码</th>
                  <th>证件类型</th>
                  <th>证件到期时间</th>
                  <th>到期倒计时（天）</th>
                </tr>
               </thead>
               <tbody>              
                <c:forEach items="${list}" var="map">
					<tr>
						<td>
							${map.carNum}
						</td>
						<td>
							${map.carCode}
						</td>
						<td>
							${map.dataType}
						</td>
						<td>
						    ${map.certificatesDate}
						</td>
						<td>
							${map.timedifferences}
						</td>
						<shiro:hasPermission name="tb_certificate_vehicles:tbCertificateVehicles:edit"><td>
		    				<a href="${ctx}/tb_certificate_vehicles/tbCertificateVehicles/form?id=${tbCertificateVehicles.id}">修改</a>
						</td></shiro:hasPermission>
					</tr>
		</c:forEach>
               </tbody> 
              </table>
            </div>
            <!-- /.box-body -->
          </div>
          <!-- /.box -->
        </div>
        <!-- /.col -->
  </body>
  <!-- jQuery 2.2.3 -->
<script src="${adminLET }/plugins/jQuery/jquery-2.2.3.min.js"></script>
<!-- jQuery UI 1.11.4 -->
<script src="${adminLET }/https://code.jquery.com/ui/1.11.4/jquery-ui.min.js"></script>
<!-- Resolve conflict in jQuery UI tooltip with Bootstrap tooltip -->
<script>
  $.widget.bridge('uibutton', $.ui.button);
</script>
<!-- Bootstrap 3.3.6 -->
<script src="${adminLET }/bootstrap/js/bootstrap.min.js"></script>
<!-- Morris.js charts -->
<script src="${adminLET }/https://cdnjs.cloudflare.com/ajax/libs/raphael/2.1.0/raphael-min.js"></script>
<script src="${adminLET }/plugins/morris/morris.min.js"></script>
<!-- Sparkline -->
<script src="${adminLET }/plugins/sparkline/jquery.sparkline.min.js"></script>
<!-- jvectormap -->
<script src="${adminLET }/plugins/jvectormap/jquery-jvectormap-1.2.2.min.js"></script>
<script src="${adminLET }/plugins/jvectormap/jquery-jvectormap-world-mill-en.js"></script>
<!-- jQuery Knob Chart -->
<script src="${adminLET }/plugins/knob/jquery.knob.js"></script>
<!-- daterangepicker -->
<script src="${adminLET }/https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.11.2/moment.min.js"></script>
<script src="${adminLET }/plugins/daterangepicker/daterangepicker.js"></script>
<!-- datepicker -->
<script src="${adminLET }/plugins/datepicker/bootstrap-datepicker.js"></script>
<!-- Bootstrap WYSIHTML5 -->
<script src="${adminLET }/plugins/bootstrap-wysihtml5/bootstrap3-wysihtml5.all.min.js"></script>
<!-- Slimscroll -->
<script src="${adminLET }/plugins/slimScroll/jquery.slimscroll.min.js"></script>
<!-- FastClick -->
<script src="${adminLET }/plugins/fastclick/fastclick.js"></script>
<!-- AdminLTE App -->
<script src="${adminLET }/dist/js/app.min.js"></script>
<!-- AdminLTE dashboard demo (This is only for demo purposes) -->
<script src="${adminLET }/dist/js/pages/dashboard.js"></script>
<!-- AdminLTE for demo purposes -->
<script src="${adminLET }/dist/js/demo.js"></script>
  <!-- Vendor JS-->				
		<script src="${weiZe }/assets/vendor/js/jquery.min.js"></script>
		<script src="${weiZe }/assets/vendor/js/jquery-2.1.1.min.js"></script>
		<script src="${weiZe }/assets/vendor/js/jquery-migrate-1.2.1.min.js"></script>
		<script src="${weiZe }/assets/vendor/bootstrap/js/bootstrap.min.js"></script>
		<script src="${weiZe }/assets/vendor/skycons/js/skycons.js"></script>	
		<script src="${weiZe }/assets/vendor/js/pace.min.js"></script>
		
		<!-- Plugins JS-->
		<script src="${weiZe }/assets/plugins/autosize/jquery.autosize.min.js"></script>
		<script src="${weiZe }/assets/plugins/jquery-validation/js/jquery.validate.js"></script>
		<script src="${weiZe }/assets/plugins/wizard/js/jquery.bootstrap.wizard.min.js"></script>
		<script src="${weiZe }/assets/plugins/pnotify/js/pnotify.custom.js"></script>	
		<script src="${weiZe }/assets/plugins/sparkline/js/jquery.sparkline.min.js"></script>
		
		<!-- Theme JS -->		
		<script src="${weiZe }/assets/js/jquery.mmenu.min.js"></script>
		<script src="${weiZe }/assets/js/core.min.js"></script>
		
		<!-- Pages JS -->
		<script src="${weiZe }/assets/page/js/newCarlist/newCarlist.js"></script>		
		<script src="${ctxStatic }/My97DatePicker/WdatePicker.js"></script>
</html>
